<!--
 * @Author: wu07 1732042133@qq.com
 * @Date: 2023-01-14 16:59:00
 * @LastEditors: wu07 1732042133@qq.com
 * @LastEditTime: 2023-01-14 19:56:23
 * @FilePath: \recruitAPP\recruitApp\recruitApp\src\pages\login\Protocol.vue
 * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
-->
<!-- 视图层 -->
<template>
  <van-nav-bar
    title="用户协议书"
    left-text="返回"
    left-arrow
    @click-left="onClickLeft"
  />
  <div v-for="(item, index) in arr" :key="index">
    <h3>{{ item.name }}</h3>
    <p>{{ item.text }}</p>
    <p>{{ item.text2 }}</p>
  </div>
</template>
<!-- 逻辑层 -->
<script setup>
import { ref } from "vue";
// 导入useRouter方法
import { useRouter } from "vue-router";
const router = useRouter();
// 返回上一页
const onClickLeft = () => {
  router.go(-1);
};
const arr = ref([
  {
    name: "1. 特别提示",
    text: "1.1为使用本手机应用软件及服务，您应当阅读并遵守《用户使用协议》（以下简称“本协议”）。请您务必审慎阅读、充分理解各条款内容，特别是免除或者限制责任的条款，以及同意或使用某项服务的单独协议，并选择接受或不接受。",
    text2:
      "1.2 除非您已阅读并接受本协议所有条款，否则您无权下载、安装或使用本软件及相关服务。您的下载、安装、使用、获取账号、登录等行为即视为您已阅读并同意上述协议的约束。",
  },
  {
    name: "2. 服务内容与授权使用范围",
    text: "2.1 本软件根据用户实际需求提供服务，例如听课、做题等。本公司保留随时变更、中断或终止部分或全部本服务的权利。",
    text2:
      "2.2本软件手机应用的授权使用范围：用户可以在手机上安装、使用、显示、运行本软件。保留权利：未明示授权的其他一切权利均由本公司所有。",
  },
  {
    name: "3. 使用规则",
    text: "3.1为使用本手机应用软件及服务，您应当阅读并遵守《用户使用协议》（以下简称“本协议”）。请您务必审慎阅读、充分理解各条款内容，特别是免除或者限制责任的条款，以及同意或使用某项服务的单独协议，并选择接受或不接受。",
    text2:
      "3.2 除非您已阅读并接受本协议所有条款，否则您无权下载、安装或使用本软件及相关服务。您的下载、安装、使用、获取账号、登录等行为即视为您已阅读并同意上述协议的约束。",
  },
]);
</script>
<!-- 样式层 -->
<style  scoped>
</style>